{% extends 'base.html'%}

{% block body %}

<style>
  .login-box{
      margin-top: 100px;
      margin-left:auto;
      margin-right:auto;
      width: 450px;
      border: 1px solid #21c246;
      padding: 30px;
      padding: 0 30px 30px 30px;
  }
  .login-box h2{
      text-align: center;
  }
</style>

<div class="login-box container-fluid">
    <h2>用户登录</h2>
    <form method="POST" action = "/login">
        <div class="form-group">
          <label>账&nbsp&nbsp&nbsp号</label>
          <input type="text" class="form-control" placeholder="账号" name="account">
        </div>
        <div class="form-group">
          <label>密&nbsp&nbsp&nbsp码</label>
          <input type="password" class="form-control" placeholder="密码" name="password">
        </div>

      <div style = "padding: 10px;">
        <input class="btn btn-success" type="submit" style="float: left;" value="登录">
        <a class="btn btn-info" href="/sign" style="float: right;" role="submit">注册</a>
        <span style = "color:red;">{{ msg }}</span>
    </div>
</form>
</div>


{% endblock %}